define(["jquery"], function ($) {
	return {
		tabs: function (options) {
			const defaults = {
				btns: null,
				items: null,
				ev: "click",
				active: "active",
				display: "display",
			};
			$.extend(defaults, options);
			let toActive = function () {
				let index = defaults.btns.index(this);
				$(this).addClass(defaults.active).siblings().removeClass(defaults.active);
				defaults.items.eq(index).addClass(defaults.display).siblings().removeClass(defaults.display);
			};
			if (defaults.ev == "hover") {
				defaults.btns.hover(
					function () {
						toActive.call(this);
					},
					function () {}
				);
			}
			defaults.btns.on(defaults.ev, function () {
				toActive.call(this);
			});
		},
	};
});
